<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/templates/TemplateAdmin.xhtml">

	<ui:define name="titre">Fun With Videos</ui:define>
	<ui:define name="content">
		<h:head>
		</h:head>
		<h:body>
			<h:form>
				<br></br>
				<fieldset class="fsPrincipal">
					<legend>
						<strong>Gestion de la classification des vidéos</strong>
					</legend>
					<table>
						<tr>
							<td>
								<table>
									<tr>
										<td colspan="2"><p:tree id="treeSingle"
												value="#{mbGestionDescription.categories}" var="node"
												selectionMode="single"
												selection="#{mbGestionDescription.selectedNode}">
												<p:treeNode>
													<h:outputText value="#{node.libelle}" />
												</p:treeNode>
											</p:tree></td>
										<td></td>
									</tr>
									<tr>
										<td><h:commandButton value="Ajouter Noeud"
												action="#{mbGestionDescription.ajouterDescription}"></h:commandButton>
										</td>
										<td><h:commandButton value="Supprimer Noeud"
												action="#{mbGestionDescription.supprimerDescription}"></h:commandButton>
										</td>

									</tr>
								</table>
							</td>
							<td>
								<table>
									<tr>
										<td>Noeud père</td>
										<td><h:outputText
												value="#{mbGestionDescription.libNoeudPere}">
											</h:outputText></td>
									</tr>
									<tr>
										<td>Libellé</td>
										<td><h:inputText id="libelle"
												value="#{mbGestionDescription.intitule}"></h:inputText></td>
									</tr>
									<tr>
										<td></td>
										<td><h:commandButton value="Valider"
												action="#{mbGestionDescription.validerNoeud}"></h:commandButton>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</fieldset>
			</h:form>
		</h:body>
	</ui:define>
</ui:composition>
